@import "color";
@import "public";

.pt_job_box {
    background: #fff;
    padding: 0 30px 30px 30px;
    .layui-tab {
        .layui-tab-title {
            height: 70px;
            li {
                padding: 0;
                margin-right: 90px;
                font-size: 16px;
                line-height: 70px;
            }

            .layui-this::after {
                border: none;
                border-radius: 0;
                width: 30px;
                border-bottom: 4px solid $theme-color;
                left: 26px;
                border-radius: 2px;
                top: 29px
            }
        }

        .layui-tab-content {
            padding: 0;

            .layui-tab-item {
                .title {
                    font-size: 16px;
                    color: $title2-color;
                    margin: 30px 0;

                    span {
                        padding: 6px 8px;
                        background: #f84c42;
                        border-radius: 10px;
                        color: #fff;
                        margin: 0 10px;
                    }
                }

                .post_job_resumetable {
                    position: relative;
                    margin-bottom: 50px;

                    thead {
                        tr {
                            background: #f2f4f5;

                            .out_select {
                                width: 150px;
                                margin: 0 auto;

                                .layui-input-block {
                                    margin-left: 0;
                                }
                            }
                        }
                    }

                    tbody {
                        tr {
                            .pt_resume_look {
                                width: 80px;
                                height: 30px;
                                border-radius: 15px;
                                border: 1px solid #00a0e9;
                                color: #00a0e9;
                                line-height: 30px;
                                text-align: center;
                                margin: 0 auto;
                                cursor: pointer;
                            }

                            .pt_resume_look:hover {
                                background: #00a0e9;
                                color: #fff
                            }

                            .ptresume_dom {
                                display: flex;
                                justify-content: space-between;
                                margin: 0 auto;
                                width: 330px;

                                .my_resbtn {
                                    padding: 5px 15px;
                                    border: 1px solid #4d7cfe;
                                    color: #4d7cfe;
                                    border-radius: 15px;
                                    cursor: pointer;
                                }

                                .my_resbtn:hover {
                                    background: #4d7cfe;
                                    color: #fff
                                }

                                .my_resbtn2 {
                                    padding: 5px 15px;
                                    border: 1px solid #0ec4d4;
                                    color: #0ec4d4;
                                    border-radius: 15px;
                                    cursor: pointer;
                                    margin-left: 15px;
                                }

                                .my_resbtn2:hover {
                                    background: #0ec4d4;
                                    color: #fff
                                }

                                .my_resbtn3 {
                                    padding: 5px 15px;
                                    border: 1px solid #ff0000;
                                    color: #ff0000;
                                    border-radius: 15px;
                                    cursor: pointer;
                                    margin-left: 15px;
                                }

                                .my_resbtn3:hover {
                                    background: #ff0000;
                                    color: #fff
                                }
                            }
                        }

                        tr:hover {
                            background: #fafafa;
                        }
                    }
                }

                .post_job_admintable {
                    position: relative;
                    margin-bottom: 50px;

                    thead {
                        tr {
                            background: #f2f4f5;

                            th {
                                border-top: 1px solid #ddd;
                                border-bottom: 1px solid #ddd;
                                border-right: none;
                                border-left: none;
                            }

                            .one {
                                width: 10%;
                                text-align: left
                            }

                            .two {
                                width: 40%;
                                text-align: left
                            }
                            .two_u{
                                width: 30%;
                                text-align: left
                            }

                            .three {
                                width: 40%;
                                text-align: center
                            }
                        }
                    }

                    tbody {
                        tr {
                            td {
                                text-align: left;
                                border-top: 1px solid #ddd;
                                border-bottom: 1px solid #ddd;
                                border-right: none;
                                border-left: none;

                                .layui-unselect {
                                    i {
                                        left: 50px;
                                    }
                                }

                                .job_info {
                                    padding: 15px 0;

                                    .job_name {
                                        font-size: 16px;
                                        color: $title2-color
                                    }

                                    .job_need {
                                        @include border-right($text-color, 20px)
                                    }

                                    .job_company {
                                        font-size: 14px;
                                        color: $text-color;
                                        margin-top: 20px;
                                    }

                                    .job_dom {
                                        margin-top: 20px;

                                        span {
                                            margin-right: 30px;
                                            color: 14px;

                                            .c1 {
                                                color: #4d7cfe
                                            }

                                            .c2 {
                                                color: #f6aa16
                                            }

                                            .c3 {
                                                color: #15891d
                                            }

                                            .c4 {
                                                color: #ff0000
                                            }
                                        }
                                    }
                                }

                                .job_plan {
                                    padding: 15px 0;

                                    .plan {
                                        font-size: 14px;
                                        color: $text-color
                                    }

                                    .plan:not(:first-child) {
                                        margin-top: 20px;
                                    }
                                }

                                .job_doms {
                                    // height: 40px;
                                    margin: auto 0;
                                    display: flex;

                                    .job_doms_btn {
                                        width: 120px;
                                        height: 40px;
                                        line-height: 40px;
                                        text-align: center;
                                        font-size: 14px;
                                        border-radius: 20px;
                                        cursor: pointer;
                                    }

                                    .job_doms_btn:not(:first-child) {
                                        margin-left: 30px;
                                    }

                                    .job_doms_btn1 {
                                        color: #76c849;
                                        border: 1px solid #76c849
                                    }

                                    .job_doms_btn1:hover {
                                        background: #76c849;
                                        color: #fff
                                    }

                                    .job_doms_btn2 {
                                        color: #fcbc32;
                                        border: 1px solid #fcbc32
                                    }

                                    .job_doms_btn2:hover {
                                        background: #fcbc32;
                                        color: #fff
                                    }

                                    .job_doms_btn3 {
                                        color: #4f7cf3;
                                        border: 1px solid #4f7cf3
                                    }

                                    .job_doms_btn3:hover {
                                        background: #4f7cf3;
                                        color: #fff
                                    }

                                    .job_doms_btn4 {
                                        color: #ff0000;
                                        border: 1px solid #ff0000
                                    }

                                    .job_doms_btn4:hover {
                                        background: #ff0000;
                                        color: #fff
                                    }

                                    .job_dom {
                                        width: 100%;
                                        text-align: center;

                                        span {
                                            margin-right: 30px;
                                            color: 14px;

                                            .c1 {
                                                color: #4d7cfe
                                            }

                                            .c2 {
                                                color: #f6aa16
                                            }

                                            .c3 {
                                                color: #15891d
                                            }

                                            .c4 {
                                                color: #ff0000
                                            }
                                        }
                                    }
                                }

                                .promote_status {
                                    // height: 50px;
                                    margin: auto 0;
                                    text-align: left;

                                    .status {
                                        font-size: 14px;
                                        color: #22385e;
                                        margin-bottom: 20px;
                                    }

                                    .time {
                                        font-size: 14px;
                                        color: $text-color;

                                    }
                                }
                            }
                        }

                        tr:hover {
                            background: #fafafa;
                        }
                    }
                }
            }

            .ptresume_form {
                .layui-form {
                    margin-top: 30px;

                    .layui-form-label {
                        text-align: left;
                        width: 70px;
                        padding: 9px 0;
                    }

                    .layui-input-inline {
                        width: 250px;
                    }

                    .search_btn {
                        margin-left: 20px;
                        margin-top: -3px;
                    }
                }
            }
        }
    }
}

.all_chack {
    position: absolute;
    bottom: 27px;
    left: 94px;
    width: 200px;
    height: 40px;

    i {
        top: -2px !important;
    }

    .all_out {
        font-size: 14px;
        color: #ff0000;
        margin-left: 20px;
    }
}

.all_chack_ms {
    position: absolute;
    bottom: 35px;
    left: 57px;
    width: 200px;
    height: 40px;

    i {
        top: -2px !important;
    }

    .all_out {
        font-size: 14px;
        color: #0ec4d4;
        margin-left: 20px;
        margin-top: 3px;
    }
}

.offer_info {
    position: absolute;
    bottom: 35px;
    left: 57px;
    width: 200px;
    height: 40px;
}

// 重点推荐弹窗
.pop_up {
    @include pop_window(550px, 430px);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    display: none;

    .header {
        background: #22385e;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        height: 40px;
        line-height: 40px;
        color: #fff;
        font-size: 16px;
        text-align: center;
        position: relative;

        .close {
            position: absolute;
            right: 10px;
            top: 0;
            width: 16px;
            height: 16px;
        }
    }

    .body {
        background: #fff;
        padding: 20px 30px;
        box-shadow: 0 .9375rem 1.875rem rgba(0, 0, 0, 0.1);

        .title {
            font-size: 12px;
            color: $info-color
        }

        form {
            padding-bottom: 10px;
            margin-bottom: 30px;
            border-bottom: 1px solid #ececec;

            .layui-form-label {
                padding: 9px 0;
                text-align: left;
                width: 100px;
            }

            .layui-input-inline {
                width: 150px;
                margin-right: 15px;
            }

            .layui-form-mid {
                span {
                    color: #ff6600;
                }
            }
        }

        .price {
            font-size: 14px;
            color: #76838f;
            text-align: center;
            cursor: pointer;

            span {
                color: #ff6600;
                margin-right: 30px;

            }
        }

        .pay {
            margin-top: 30px;
            width: 82px;
            background: #ff6600;
            margin-left: 190px;
        }
    }
}

// 简历不合适弹窗
.pop_inappropriate {
    @include pop_window(390px, 430px);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    display: none;

    .header {
        background: #ff0000;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        height: 40px;
        line-height: 40px;
        color: #fff;
        font-size: 16px;
        text-align: center;
    }

    .body {
        background: #fff;
        padding: 20px 30px;
        box-shadow: 0 .9375rem 1.875rem rgba(0, 0, 0, 0.1);

        .title {
            font-size: 12px;
            color: $info-color
        }

        form {
            padding-bottom: 10px;
            margin-bottom: 30px;
            border-bottom: 1px solid #ececec;

            .layui-form-label {
                padding: 9px 0;
                text-align: left;
                width: 100px;
            }

            .layui-input-inline {
                width: 150px;
                margin-right: 15px;
            }

            .layui-form-mid {
                span {
                    color: #ff6600;
                }
            }

            .layui-textarea {
                height: 200px;
                padding: 15px;
                resize: none
            }
        }

        .price {
            font-size: 14px;
            color: #76838f;
            text-align: center;
        }

        .flex_btn {
            display: flex;
            justify-content: space-between;
            width: 230px;
            margin: 30px auto 0;
        }
    }
}

// 邀请面试弹窗
.pop_invite {
    @include pop_window(550px, 430px);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    display: none;

    .header {
        background: #42b2f8;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        height: 40px;
        line-height: 40px;
        color: #fff;
        font-size: 16px;
        text-align: center;
    }

    .body {
        background: #fff;
        padding: 20px 30px;
        box-shadow: 0 .9375rem 1.875rem rgba(0, 0, 0, 0.1);

        .title {
            font-size: 12px;
            color: $info-color
        }

        form {
            padding-bottom: 10px;
            margin-bottom: 30px;
            border-bottom: 1px solid #ececec;

            .layui-form-label {
                padding: 9px 0;
                text-align: left;
                width: 100px;
            }

            .layui-input-inline {
                width: 112px;
                margin-right: 15px;
            }

            .layui-form-mid {
                span {
                    color: #ff6600;
                }
            }
        }

        .price {
            font-size: 14px;
            color: #76838f;
            text-align: center;
            cursor: pointer;

            span {
                color: #ff6600;
                margin-right: 30px;

            }
        }

        .pay {
            margin-top: 30px;
            width: 82px;
            background: #ff6600;
            margin-left: 190px;
        }

        .flex_btn {
            display: flex;
            justify-content: space-between;
            width: 230px;
            margin: 30px auto 0;
        }
    }
}

// 发送offer弹窗
.pop_offer {
    @include pop_window(550px, 430px);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    display: none;

    .header {
        background: #0ec4d4;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        height: 40px;
        line-height: 40px;
        color: #fff;
        font-size: 16px;
        text-align: center;
    }

    .body {
        background: #fff;
        padding: 20px 30px;
        box-shadow: 0 .9375rem 1.875rem rgba(0, 0, 0, 0.1);

        .title {
            font-size: 12px;
            color: $info-color
        }

        form {
            padding-bottom: 10px;
            margin-bottom: 30px;
            border-bottom: 1px solid #ececec;

            .layui-form-label {
                padding: 9px 0;
                text-align: left;
                width: 100px;
            }

            .layui-input-inline {
                width: 112px;
                margin-right: 15px;
            }

            .layui-form-mid {
                span {
                    color: #ff6600;
                }
            }
        }

        .price {
            font-size: 14px;
            color: #76838f;
            text-align: center;
            cursor: pointer;

            span {
                color: #ff6600;
                margin-right: 30px;

            }
        }

        .pay {
            margin-top: 30px;
            width: 82px;
            background: #ff6600;
            margin-left: 190px;
        }

        .flex_btn { 
            display: flex;
            justify-content: space-between;
            width: 230px;
            margin: 30px auto 0;
        }
    }
}

.pt_market {
    .pt_market_tabs {
        width: 450px;
        margin: 10px auto;
        .pt_market_tabs_ul {
            display: flex;
            justify-content: space-between;
            .pt_market_tabs_li {
                width: 150px;
                height: 40px;
                text-align: center;
                line-height: 40px;
                background: #fff;
                color: #a3afb7;
                cursor: pointer;
            }

            .layui_l {
                border-top-left-radius: 20px;
                border-bottom-left-radius: 20px;
            }

            .layui_r {
                border-top-right-radius: 20px;
                border-bottom-right-radius: 20px;
            }

            .layui_this {
                background: $theme-color;
                color: #fff
            }
        }
    }

    .pt_market_con {
        display: none;
        .pt_market_box {
            background: #fff;
            padding: 30px;
            border-radius: 5px;
            margin-top: 40px;

            .post_market_form {
                .noney_has{
                    color: $text-color;
                    font-size: 14px;
                    margin: 30px 0 25px 55px;
                    span{
                        color: #f36701
                    }
                }
                .layui-form-item {
                    width: 100%;
                    display: flex;
                    margin-bottom: 15px;

                    .layui-form-label {
                        padding: 6px 15px;
                        width: 7%;
                        float: none
                    }
                    .info_msg{
                        padding: 6px 0;
                        color: $info-color
                    }
                    .scope {
                        float: left;
                        height: 38px;
                        line-height: 38px;
                        width: 40px;
                        text-align: center;
                        background: #f2f3f8;
                        color: #a3afb7;
                        margin-left: -10px;
                    }
                    .pay_money_but{
                        width: 120px;
                        height: 38px;
                        border-radius: 20px;
                        text-align: center;
                        line-height: 38px;
                        color: #f36701;
                        border: 1px solid #f36701;
                        font-size: 16px;
                        display: inline-block;
                        cursor: pointer;
                    }
                    .pay_money_but:hover{
                        background: #f36701;
                        color: #fff;
                    }
                    .go_seach{
                        width: 120px;
                        height: 38px;
                        border-radius: 20px;
                        text-align: center;
                        line-height: 38px;
                        color: #fff;
                        background: $theme-color;
                        font-size: 16px;
                        display: inline-block;
                        margin-left: 20px;
                        cursor: pointer;

                    }
                    .go_seach_info{
                        display: inline-block;
                        line-height: 38px;
                        margin-left: 15px;
                        color: $info-color
                    }
                    .bg1 {
                        background: $theme-color;
                        color: #fff;
                        width: 94px;
                    }

                    .bg2 {
                        background: #1dbca4;
                        color: #fff
                    }
                }

                .city_select {
                    padding: 6px 15px;
                    color: #76838f;
                    font-size: 14px
                }

                .choose_li {
                    width: 90%;

                    li {
                        display: inline-block;
                        padding: 6px 20px;
                        color: $text-color;
                        cursor: pointer;
                        margin-bottom: 15px;
                    }

                    .choose_this {
                        border: 1px solid #42bdf6;
                        border-radius: 20px;
                        color: #42bdf6
                    }
                }
            }
        }
    }
    .pt_market_con_this{
        // display: block;
    }
    .right_title {
        height: 80px;
        line-height: 80px;
        color: #0f1e37;
        font-size: 16px;
        font-weight: bold;
        padding-left: 20px;
        position: relative;
    }

    .right_title::after {
        position: absolute;
        content: '';
        top: 32px;
        left: 0;
        width: 4px;
        height: 16px;
        background: #42bdf6;
    }

    .job_people_list {
        width: 100%;
        .null{
            width: 150px;
            margin: 40px auto;
            .null_img{
                width: 58px;
                margin: 0 auto;
                img{
                    width: 58px;
                }
            }
            .null_text{
                font-size: 16px;
                color: $text-color;
                text-align: center;
                margin-top: 30px;
            }
        }
        .job_people_ul {
            .people_li {
                padding: 30px;
                background: #fff;
                border-radius: 5px;
                position: relative;
                display: flex;
                margin-bottom: 30px;
                .people_li_bg {
                    position: absolute;
                    left: -17px;
                    top: -11px;
                    width: 128px;
                    height: 45px;
                    background-image: url('../../dist/images/job/tab_bar.png');
                    background-repeat: no-repeat;
                    background-size: contain;
                    line-height: 36px;
                    font-size: 16px;
                    text-align: center;
                    color: #fff;
                }
                .header{
                    width: 10%;
                    // height: 110px;
                    .header_img{
                        width: 80px;
                        height: 80px;
                        position: relative;
                        margin-left: 8px;
                        opacity: 0.1;
                        img{
                            border-radius: 50%;
                            width: 100%;
                            height: 100%;
                        }
                        .sex{
                            width: 24px;
                            height: 24px;
                            position: absolute;
                            right: 0;
                            top: 0
                        }
                    }
                    .header_name{
                        height:20px;
                        display: flex;
                        margin-top: 10px;
                        .name{
                            font-size: 14px;
                            color: $text-color;
                        }
                        .id_card{
                            margin-left: 10px;
                            img{
                                width: 20px;
                                height: 16px;
                            }
                        }
                        .phone{
                            margin-left: 10px;
                            img{
                                width: 12px;
                                height: 16px;
                            }
                        }
                    }
                    .header_money{
                        color: #a3afb7;
                        margin-top: 10px;
                        span{
                            color: #f36701
                        }
                    }
                } 
                .job_hope{
                    width: 40%;
                    // height: 110px;
                    .job_hope_top{
                        font-size: 14px;
                        color: $text-color;
                        span{
                            font-size: 14px;
                            color: $info-color
                        }
                    }
                    .job_hope_mid{
                        font-size: 14px;
                        color: $text-color;
                        margin-top: 26px;
                        span{
                            font-size: 14px;
                            color: $info-color
                        }
                    }
                    .school{
                        margin-top: 26px;
                        font-size: 14px;
                        color: $text-color
                    }
                    .job_need{
                        @include border-right($text-color,26px)
                    }
                    .school_lebal{
                        margin-top: 26px;
                        margin-left: -2px;
                        span{
                            padding: 5px 8px;
                            border: 1px solid #ececec;
                            border-radius: 20px;
                            color: $info-color;
                            margin-right: 15px;
                        }
                    }
                }
                .report{
                    width: 10%;
                    margin: auto 0;
                    .bg2{
                        background: #ccd1d8!important;
                    }
                    .border_clice{
                        width: 60px;
                        height: 60px;
                        border-radius: 50%;
                        background: #42b2f8;
                        position: relative;
                        margin: auto;
                        img{
                            position: absolute;
                            width: 30px;
                            height: 30px;
                            top: 50%;
                            left: 50%;
                            margin-top: -15px;
                            margin-left: -15px;
                        }
                    }
                    .text{
                        color: #42b2f8;
                        font-size: 16px;
                        text-align: center;
                        margin-top: 10px;
                    }
                    .text2{
                        color: #ccd1d8!important
                    }
                }
                .repor_btn{
                    width: 40%;
                    height: 110px;
                    .repor_btn_box{
                        width: 280px;
                        margin: auto;
                        display: flex;
                        justify-content: space-between;
                        height: 80px;
                        margin-top: 20px;
                        .left{
                            .left_btn{
                                width: 120px;
                                height: 40px;
                                text-align: center;
                                line-height: 40px;
                                border-radius: 20px;
                                color: #4d7cfe;
                                border:1px solid #4d7cfe;
                                font-size: 14px;
                                cursor: pointer;
                            }
                            .left_btn:hover{
                                background: #4d7cfe;
                                color: #fff
                            }
                            .text{
                                color: $info-color;
                                font-size: 14px;
                                text-align: center;
                                margin-top: 20px;
                            }
                        }
                        .right{
                            .left_btn{
                                width: 120px;
                                height: 40px;
                                text-align: center;
                                line-height: 40px;
                                border-radius: 20px;
                                color: #f85669;
                                border:1px solid #f85669;
                                font-size: 14px;
                                cursor: pointer;
                            }
                            .left_btn:hover{
                                background: #f85669;
                                color: #fff
                            }
                            .text{
                                color: $info-color;
                                font-size: 14px;
                                text-align: center;
                                margin-top: 20px;
                            }
                        }
                    }
                }   
            }
            .people_li:hover{
                box-shadow: 0 .5375rem 1.175rem rgba(0, 0, 0, 0.1);
            }
        }
    }

}
.pt_statistics{
    .set_title{
        height: 40px;
        line-height: 40px;
        border-radius: 5px;
        border: 1px dotted #f9753e;
        padding: 0 30px;
        color: $info-color;
        font-size: 14px;
        margin-bottom: 10px;
        background: #fff9f7;
    }
    .top_statistics{
        background: #fff;
        padding: 30px;
        border-radius: 5px;
        .tp_chat_box{
            display: flex;
            justify-content: space-between;
            .job_statistics{
                height: 200px;
                width: 40%;
            }
            .tp_info_box{
                height: 120px;
                margin: auto 0;
                width: 58%;
                display: flex;
                justify-content: space-between;
                .four_box{
                    width: 22%;
                    height: 120px;
                    border-radius: 10px;
                    border: 1px dotted #ececec;
                    // padding: 25px;
                    .top{
                        display: flex;
                        justify-content: space-between;
                        font-size: 16px;
                        color: $text-color;
                        padding: 25px 25px;
                        img{
                            width: 22px;
                            height: 25px;
                        }
                    }
                    .bottom{
                        font-size: 30px;
                        color: $btitle-color;
                        padding: 0 25px;
                    }
                }
            }
        }
    }
    .statistics{
        padding: 30px;
        background: #fff;
        border-radius: 5px;
        margin-top: 30px;
        position: relative;
        // width: 100%;
        .top_right_img{
            position: absolute;
            top: -10px;
            left: -12px;
            width: 118px;
            height: 118px;
            background-image: url('../../dist/images/job/stat_title.png');
            background-repeat: no-repeat;
            background-size: contain;
        }
        .three_box{
            display: flex;
            justify-content: space-between;
            margin-top: 15px;
            .t_box{
                width: 30%;
                height: 150px;
                background-repeat: no-repeat;
                background-size: cover;
                .top{
                    display: flex;
                    justify-content: space-between;
                    padding: 35px 40px 0;
                    font-size: 20px;
                    color: #fff;
                    img{
                        margin-top: -8px;
                    }
                }
                .bottom{
                    color:#fff;
                    font-size: 38px;
                    padding: 15px 40px 35px;

                }
            }
            .t_box1{
                background-image: url('../../dist/images/job/stat_bg_1.png');
            }
            .t_box2{
                background-image: url('../../dist/images/job/stat_bg_2.png');
            }
            .t_box3{
                background-image: url('../../dist/images/job/stat_bg_3.png');
            }
        }

        }
        .chat_list{
            height: 450px;
            margin-top: 30px;

    }
    .ciclejob_chat{
        margin-top: 30px;
        display: flex;
        justify-content: space-between;
        width: 100%;
        .cicle_chat_box{
            width: 45%;
            height: 500px;
        }
    }
}

.w200 {
    width: 195px !important;
}
.mt0{
    margin-top: 0!important;
}
.mt26{
    margin-top: 26px!important;
}
.mt40{
    margin-top: 40px!important;
}
@media screen and(max-width:1680px){
    .pt_statistics .top_statistics .tp_chat_box .tp_info_box .four_box .top{
        padding: 15px;
    }
    .pt_statistics .top_statistics .tp_chat_box .tp_info_box .four_box .bottom{
        padding: 0 15px
    }
}
@media screen and(max-width:1440px){
    .pt_statistics .top_statistics .tp_chat_box{
        display: block;
    }
    .pt_statistics .top_statistics .tp_chat_box .job_statistics{
        width: 100%;
    }
    .pt_statistics .top_statistics .tp_chat_box .tp_info_box{
        width: 100%;
        margin-top: 30px;
    }
    .pt_job_box .layui-tab .layui-tab-content .layui-tab-item .post_job_admintable tbody tr td .job_doms .job_dom span{
        margin-right: 5px;
    }
}
@media screen and(max-width:1360px){
    .pt_job_box .layui-tab .layui-tab-content .layui-tab-item .post_job_admintable tbody tr td .job_doms .job_doms_btn {
        width: 80px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        font-size: 14px;
        border-radius: 20px;
        cursor: pointer;
    }
    .pt_job_box .layui-tab .layui-tab-content .layui-tab-item .post_job_admintable tbody tr td .layui-unselect i{
        left: 24px;
    }
    .all_chack{
        left: 73px;
    }
}
@media screen and(max-width:1680px){
    .pt_statistics .statistics .three_box .t_box .top{
        padding: 25px 30px 0;
    }
    .pt_statistics .statistics .three_box .t_box .top img{
        width: 30px;
        height: 30px;
    }
    .pt_statistics .statistics .three_box .t_box .bottom{
        padding: 30px 40px 35px;
    }
}
@media screen and(max-width:1280px){
    .pt_statistics .statistics .three_box .t_box .top img{
        margin-top: 0;
    }
}
.job_window{
    width: 980px;
    height: 650px;
    // position: fixed;
    border: #ececec 1px solid;
    // top: 0;
    // bottom: 0;
    // left: 0;
    // right: 0;
    display: none;
    z-index: 10000;
    // margin: auto;
    background: #fff;
    overflow: auto;
    .title{
        width: 100%;
        height: 40px;
        color: #526069;
        line-height: 40px;
        text-indent: 15px;
        background: #fff;
        border-bottom: #ccc 1px dotted;
        span{
            font-size: 12px;
            color: #4d7cfe;
            margin-left: 5px;
        }
        a{
            width: 12px;
            height: 12px;
            display: block;
            position: absolute;
            top: 10px;
            right: 15px;
            background: url(../image/resume/close.png) no-repeat center top;
        }
    }
    .choose{
        color: $theme-color;
        margin-left: 15px;
        margin-top: 15px;
        float: left;
    }
    .choose_btn{
        background: #4d7cfe;
        padding: 0 15px;
        color: #fff;
        width: auto;
        border-radius: 4px;
        margin: 3px 0 0 0;
        line-height: 24px;
        float: right;
        margin-right: 15px;
        margin-top: 15px;
    }
    .choose_con{
        float: left;
        margin-left:5px;
        margin-top: 10px;
        li{
            display: inline-block;
            padding: 6px 15px;
            border: 1px solid $theme-color;
            border-radius: 20px;
            margin-left: 15px;
            color: $theme-color;
            cursor: pointer;
           .vo_name{
             float: left;
             height: 19px;
             line-height: 19px;
           }
           .vo_close{
               display: inline-block;
               float: left;
               margin-left: 3px;
            //    margin-top: 2px;
           }
        }
    }
    .dis_flex{
        display: flex;
        border-top: 1px solid #ececec;
        margin-top: 6px;
        .job_left{
            background: #f9fafb;
            width: 180px;
            height: 556px;
            overflow-x: hidden;
            overflow-y: auto;
            box-sizing: border-box;
            li{
                height: 40px;
                line-height: 40px;
                color: $title2-color;
                padding-left: 45px;
                border-left: 3px solid #f9fafb;
                cursor: pointer;
            }
            .choose_this{
                background: #fff;
                border-left: $theme-color 3px solid
            }
        }
        .job_con_box{
            width: 800px;
            height: 556px;
            .show_job{
                width: 760px;
                height: 516px;
                padding: 20px;
                overflow-x: hidden;
                overflow-y: auto;
                background: #fff;
                .show_job_list{
                    display: none;
                    .work_list_box{
                        margin-bottom: 25px;
                   .job_title{
                       font-size: 16px;
                       color: $title2-color;
                   }
                   .work_con{
                    margin-top: 20px;
                    padding: 10px;
                    border: 1px solid #ececec;
                    border-radius: 5px;
                    .work_list{
                        display: inline-block;
                        line-height:40px;
                        padding: 0 10px;
                        color: $text-color;
                        span{
                            color: $text-color;
                        }
                    }
                }
            }
                }
                .show_work{
                    display: block;
                }
            }
        }
    }
} 